.login{
    width: 100%;
    height: 100vh;
    background: url("../image/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    display: flex;

            .title{
                color: rgb(216, 212, 212);
                text-align: center;
            }
            .tab{
                display: flex;
                justify-content: space-between;
                width: 35%;
                margin: 30px auto;
                color: grey; 
                .tab-item{
                    height: 30px;
                    flex: 1;
                    text-align: center;
                }
            }
            .active{
                color: rgb(197, 193, 193);
                border-bottom: 1px solid rgb(44, 99, 250);
                font-weight: 550;
            }

            .loginBox{
                width: 500px;
                height: 450px;
                background-color: rgba($color: rgb(31, 29, 29), $alpha: 0.7);
                border-radius: 10px 10px 10px 10px;
                padding-top: 30px;
                position: relative;
                top: 20%;
                left: 35%;
        
                ::v-deep .demo-ruleForm{
                    width: 400px;
                    margin-top: 30px;
                }
        
                ::v-deep .el-form-item__label{
                    color: rgb(207, 202, 202);
                    font-size: 16px;
                }
        
                ::v-deep .el-input__inner{
                    color: rgb(197, 194, 194);
                    background-color: rgba($color: #fff, $alpha: 0.3);
                    margin-bottom: 10px;
                    font-size: 16px;
                }
        
                ::v-deep .el-button{
                    width: 100%;
                    background-color: rgb(160, 160, 160);
                    border: none;
                }
                
                ::v-deep .code-input{
                    width: 150px;
                }

            }
    
}